<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="index.css" type="text/css" />

		<script src="jquery-3.3.1.min.js"></script>
	</head>

	<body>
		<div class="top">
			<div class="header">
				<div class="header_logo">
					<img src="img/logo.png" />
				</div>
				<div class="header_text">
					<img src="img/fangdajing.png" />
					<p>搜索商品名称</p>
				</div>
				<div class="header_user">
					<img src="img/yonghu.png" />
				</div>
			</div>
			<div class="nav">
				<ul class="nav-content">
					<li class="nav-item">
						<span>推荐</span>
					</li>
					<li class="nav-item">
						<span>手机</span>
					</li>

					<li class="nav-item">
						<span>智能</span>
					</li>
					<li class="nav-item">
						<span>电视</span>
					</li>
					<li class="nav-item">
						<span>笔记本</span>
					</li>
					<li class="nav-item">
						<span>家电</span>
					</li>
					<li class="nav-item">
						<span>双摄</span>
					</li>
					<li class="nav-item">
						<span>全面屏</span>
					</li>
					<li class="nav-item">
						<span>生活周边</span>
					</li>
					<li class="nav-item">
						<span>盒子</span>
                    </li>
				</ul>

			</div>
		</div>

		<div class="main">
			<ul class="main-ul">
				<!--推荐页面-->
				<li>
					<div class="layout">
						<div class="banner">
							<ul class="imgbox">
								<li>
									<a href="#"><img src="XiaoMi_phto/lunbotu_img/LBT_05.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/lunbotu_img/LBT_01.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/lunbotu_img/LBT_02.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/lunbotu_img/LBT_03.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/lunbotu_img/LBT_04.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/lunbotu_img/LBT_05.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/lunbotu_img/LBT_01.jpg" /></a>
								</li>

							</ul>
							<ul class="imgdot">
								<li class="now"></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</div>

					</div>

					<div class="middle_nav">
						<a class="middle_nav_a"><img src="XiaoMi_phto/middle_nav_img/middle_nav_mfk.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/middle_nav_img/middle_nav_xpfb.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/middle_nav_img/middle_nav_xmsg.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/middle_nav_img/middle_nav_yjhx.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/middle_nav_img/middle_nav_hdpd.jpg" href="#" /></a>
					</div>
					<div class="divider_line"></div>
					<div class="recommend">
						<a class="recommend_left"><img src="XiaoMi_phto/main/recommend_left.jpg" /></a>
						<a class="recommend_right_top"><img src="XiaoMi_phto/main/recommend_right_top.jpg" /></a>
						<a class="recommend_right_bottom"><img src="XiaoMi_phto/main/recommend_right_bottom.jpg" /></a>
					</div>
					<div class="divider_line"></div>
					<div class="recommend_block">
						<a><img src="XiaoMi_phto/main/recommend_block_xm8se.jpg" /></a>
					</div>
					<div class="everyday_head">
						<a class="item"><img src="XiaoMi_phto/main/everyday.jpg"></a>
					</div>

					<div class="everyday_content">
						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/main/everyday_head_xmyx.jpg" />
								</div>
								<div class="info">
									<p class="name">小米小爱音箱mini</p>
									<p class="brief">能听会说的人工智能音箱</p>
									<p class="price">
										<span>￥169</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/main/everyday_head_phc.jpg" />
								</div>
								<div class="info">
									<p class="name">九号平衡车</p>
									<p class="brief">年轻人的酷玩具</p>
									<p class="price">
										<span>￥1999</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
							</a>
						</div>

						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/main/everyday_head_ds4a.jpg" />
								</div>
								<div class="info">
									<p class="name">43"电视4A 青春版</p>
									<p class="brief">全高清屏，人工智能语言</p>
									<p class="price">
										<span>￥1499</span>
										<del>
										<span>￥1699</span>
									    </del>
									</p>
								</div>
								<div class="discount">
									<p>最高减200</p>
								</div>
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/main/everyday_head_kqjhq.jpg" />
								</div>
								<div class="info">
									<p class="name">小米米家空气净化器 2S</p>
									<p class="brief">经典再升级，好空气看得见</p>
									<p class="price">
										<span>￥899</span>
										<del>
										<span></span>
									   </del>
									</p>
								</div>
							</a>
						</div>

						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/main/everyday_head_qwq.jpg" />
								</div>
								<div class="info">
									<p class="name">米家驱蚊器</p>
									<p class="brief">长效驱蚊 静享一整天</p>
									<p class="price">
										<span>￥59</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/main/everyday_head_ds4c.jpg" />
								</div>
								<div class="info">
									<p class="name">小米电视4C 50英寸</p>
									<p class="brief">钢琴烤漆，4K HDR</p>
									<p class="price">
										<span>￥1999</span>
										<del>
										<span>￥2199</span>
									   </del>
									</p>
								</div>
								<div class="discount">
									<p>最高减200</p>
								</div>
							</a>
						</div>

					</div>
				</li>
				<!--手机页面	-->
				<li>
					<div class="layout">
						<div class="banner banner_sj">
							<ul class="imgbox" id="imgbox_sj">
								<li>
									<a href="#"><img src="XiaoMi_phto/shoujiyemian/lbt_sj_max3.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/shoujiyemian/lbt_sj_xm8.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/shoujiyemian/lbt_sj_max3.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/shoujiyemian/lbt_sj_xm8.jpg" /></a>
								</li>

							</ul>
							<ul class="imgdot" id="imgdot_sj">
								<li class="now"></li>
								<li></li>

							</ul>
						</div>
					</div>
					<div class="divider_line"></div>
					<div class="hotsale">
						<a class="items"><img src="XiaoMi_phto/shoujiyemian/shoujiym_xhrm.jpg"></a>
					</div>
					<div class="everyday_content">
						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/shoujiyemian/shoujiym_hm6.jpg" />
								</div>
								<div class="info">
									<p class="name">红米6</p>
									<p class="brief">小屏高性能的双摄手机</p>
									<p class="price">
										<span>￥769</span>
										<del>
										<span>￥799</span>
									    </del>
									</p>
								</div>
								<div class="discount">
									<p>最高减100</p>
								</div>
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/shoujiyemian/shoujiye_hm6a.jpg" />
								</div>
								<div class="info">
									<p class="name">红米6A</p>
									<p class="brief">好用好看不贵</p>
									<p class="price">
										<span>￥579</span>
										<del>
										<span>￥599</span>
									    </del>
									</p>
								</div>
								<div class="discount">
									<p>最高减30</p>
								</div>
							</a>
						</div>

						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/shoujiyemian/shoujiym_xm6x.jpg" />
								</div>
								<div class="info">
									<p class="name">小米6X</p>
									<p class="brief">轻薄美观的拍照手机</p>
									<p class="price">
										<span>￥1299</span>
										<del>
										<span>￥1499</span>
									    </del>
									</p>
								</div>
								<div class="discount">
									<p>最高减200</p>
								</div>
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/shoujiyemian/shoujiym_xm8se.jpg" />
								</div>
								<div class="info">
									<p class="name">小米8 SE</p>
									<p class="brief">三星 AMOLED 全面屏 小屏旗舰</p>
									<p class="price">
										<span>￥899</span>
										<del>
										<span></span>
									   </del>
									</p>
								</div>
							</a>
						</div>

						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/shoujiyemian/shoujiym_xm2s.jpg" />
								</div>
								<div class="info">
									<p class="name">小米MIX 2S</p>
									<p class="brief">陶瓷机身 手机中的艺术品</p>
									<p class="price">
										<span>￥2999起</span>
										<del>
										<span>￥3299</span>
									    </del>
									</p>
								</div>
								<div class="discount">
									<p>最高减300</p>
								</div>
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/shoujiyemian/shoujiym_hs.jpg" />
								</div>
								<div class="info">
									<p class="name">黑鲨游戏手机 液冷更快</p>
									<p class="brief">液冷更快，独显芯片</p>
									<p class="price">
										<span>￥2999起</span>
										<del>
										<span></span>
									   </del>
									</p>
								</div>

							</a>
						</div>

					</div>
				</li>
                <!--智能页面-->
				<li>
					<div class="layout">
						<div class="banner">
							<ul class="imgbox" id="imgbox_zn">
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_zhineng/zn_txd.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_zhineng/zn_sh.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_zhineng/zn_xrqy.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_zhineng/zn_txd.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_zhineng/zn_sh.jpg" /></a>
								</li>
							</ul>
							<ul class="imgdot" id="imgdot_zn">
								<li class="now"></li>
								<li></li>
                                <li></li>
							</ul>
						</div>

					</div>
					
				<div class="middle_nav">
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_zhineng/zn_znjd.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_zhineng/zn_znjj.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_zhineng/zn_ydgh.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_zhineng/zn_sjzb.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_zhineng/zn_etwj.jpg" href="#" /></a>
					</div>
					
					<div class="divider_line"></div>
					
					<div class="hotsale">
						<a class="items"><img src="XiaoMi_phto/ym_zhineng/zn_title.jpg"></a>
					</div>
					<div class="everyday_content">
						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_zhineng/zn_sd.jpg" />
								</div>
								<div class="info">
									<p class="name">米家扫地机器人</p>
									<p class="brief">智商高，扫得干净扫得快</p>
									<p class="price">
										<span>￥1699</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
								
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_zhineng/zn_jsq.jpg" />
								</div>
								<div class="info">
									<p class="name">小米米家空气净化器 2S</p>
									<p class="brief">经典再升级，好空气看得见</p>
									<p class="price">
										<span>￥899</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
							
							</a>
						</div>

						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_zhineng/zn_jsq1a.jpg" />
								</div>
								<div class="info">
									<p class="name">小米净水器(厨下式)</p>
									<p class="brief">小身材节省空间，大流量直出纯净水</p>
									<p class="price">
										<span>￥1499</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
								
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_zhineng/zn_sh2.jpg" />
								</div>
								<div class="info">
									<p class="name">小米手环3</p>
									<p class="brief">全新OLED可触摸大屏</p>
									<p class="price">
										<span>￥169</span>
										<del>
										<span></span>
									   </del>
									</p>
								</div>
							</a>
						</div>

						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_zhineng/zn_phc.jpg" />
								</div>
								<div class="info">
									<p class="name">九号平衡车</p>
									<p class="brief">年轻人的酷玩具</p>
									<p class="price">
										<span>￥1999</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
							
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_zhineng/zn_sxj.jpg" />
								</div>
								<div class="info">
									<p class="name">小米米家智能摄像机云台版</p>
									<p class="brief">高清画质，守护家的每一面</p>
									<p class="price">
										<span>￥199</span>
										<del>
										<span></span>
									   </del>
									</p>
								</div>

							</a>
						</div>

					</div>
				</li>
                <!--电视页面-->
				<li>
					<div class="layout">
						<div class="banner">
							<ul class="imgbox" id="imgbox_ds">
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_dianshi/ds_4c.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_dianshi/ds_ai.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_dianshi/ds_4c.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_dianshi/ds_ai.jpg" /></a>
								</li>

							</ul>
							<ul class="imgdot" id="imgdot_ds">
								<li class="now"></li>
								<li></li>

							</ul>
						</div>					
					</div>
					<div class="middle_nav">
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_dianshi/dsdh_tj.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_dianshi/dsdh_43yc.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_dianshi/dsdh_50yc.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_dianshi/dsdh_55yc.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_dianshi/dsdh_75yc.jpg" href="#" /></a>
					</div>
				   <div class="hotsaleqishi">
						<a class="qishigaodu"><img src="XiaoMi_phto/ym_dianshi/ds_title.jpg"></a>
				   </div>
					<div class="content_one" style="background:rgb(95,89,165);">
						<a class="container">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_dianshi/dsnr_4c.jpg"/>
							</div>
							
							<div class="info">
								<div class="info_top">
									<p class="name">55"电视4C 体育版</p>
									
									<p class="price">
										<span>￥2399</span>
										<del>
										<span>$2899</span>
									    </del>
									</p>
								</div>
								<div class="info_bot">
									<p class="brief">64位四核处理器，超窄边</p>
									<p class="bottom">立即购买</p>
								</div>
							</div>
						</a>					 
					</div>
					
				   <div class="divider_linezi" style="background:rgb(95,89,165);"></div>
					
					<div class="content_one" style="background:rgb(95,89,165);">
						<a class="container">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_dianshi/dsnr_4c.jpg"/>
							</div>
							
							<div class="info">
								<div class="info_top">
									<p class="name">55"电视4C 体育版</p>
									
									<p class="price">
										<span>￥2399</span>
										<del>
										<span>$2899</span>
									    </del>
									</p>
								</div>
								<div class="info_bot">
									<p class="brief">64位四核处理器，超窄边</p>
									<p class="bottom">立即购买</p>
								</div>
							</div>
						</a>					 
					</div>
					<div class="divider_linezi" style="background:rgb(95,89,165);"></div>
					
					<div class="content_two" style="background:rgb(95,89,165);">
						<a class="container conone">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_dianshi/dsnr_4c55.jpg"/>
							</div>
							<div class="info">
								<p class="name">小米电视4C 55英寸</p>
								<p class="brief">4K HDR 人工智能系统</p>
								<p class="price">
								<span>￥2399</span>
								<del><span>2799</span></del>
								</p>
								<p class="bottom">立即购买</p>
							</div>
						</a>
						
						<a class="container">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_dianshi/dsnr_4a32.jpg"/>
							</div>
							<div class="info">
								<p class="name">小米电视4A 32英寸</p>
								<p class="brief">64位处理器，高清智能电视</p>
								<p class="price">
								<span>￥899</span>
								<del><span>999</span></del>
								</p>
								<p class="bottom">立即购买</p>
							</div>
						</a>
					</div>
					
					<div class="divider_linezi" style="background:rgb(95,89,165);"></div>
					
					<div class="content_two" style="background:rgb(95,89,165);">
						<a class="container conone">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_dianshi/dsnr_4c.jpg"/>
							</div>
							<div class="info">
								<p class="name">55" 电视4C 体育版</p>
								<p class="brief">64位四核处理器，超窄边</p>
								<p class="price">
								<span>￥2399</span>
								<del><span>￥2899</span></del>
								</p>
								<p class="bottom">立即购买</p>
							</div>
						</a>
						
						<a class="container">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_dianshi/dsnr_4c32.jpg"/>
							</div>
							<div class="info">
								<p class="name">小米电视4C 32英寸</p>
								<p class="brief">高清液晶屏，人工智能系统</p>
								<p class="price">
								<span>￥899</span>
								<del><span>￥999</span></del>
								</p>
								<p class="bottom">立即购买</p>
							</div>
						</a>
					</div>
					<div class="divider_linezi" style="background:rgb(95,89,165);"></div>
					
					<div class="hotsaleqishi">
						<a class="qishigaodu"><img src="XiaoMi_phto/ym_dianshi/dsnr_bt2.jpg"></a>
				   </div>
				   
				   <div class="content_one" style="background:rgb(185, 79, 73);">
						<a class="container">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_dianshi/dsnr_4x55.jpg"/>
							</div>
							
							<div class="info">
								<div class="info_top">
									<p class="name">小米电视4X 55英寸</p>
									
									<p class="price">
										<span>￥2399</span>
										<del>
										<span>￥2799</span>
									    </del>
									</p>
								</div>
								<div class="info_bot">
									<p class="brief">4K HDR, 人工智能语音，超窄边钢琴烤漆</p>
									<p class="bottom">立即购买</p>
								</div>
							</div>
						</a>					 
					</div>
				<div class="divider_linezi" style="background:rgb(185, 79, 73);"></div>
				<div class="content_two" style="background:rgb(185, 79, 73);">
						<a class="container conone">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_dianshi/dsnr_4s55.jpg"/>
							</div>
							<div class="info">
								<p class="name">55"电视4S 曲面</p>
								<p class="brief">4K曲面屏，金属机身</p>
								<p class="price">
								<span>￥3299</span>
								<del><span></span></del>
								</p>
								<p class="bottom">立即购买</p>
							</div>
						</a>
						
						<a class="container">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_dianshi/dsnr_4a65.jpg"/>
							</div>
							<div class="info">
								<p class="name">小米电视4A 65英寸</p>
								<p class="brief">4K超清大屏，64位处理器</p>
								<p class="price">
								<span>￥3699</span>
								<del><span>￥4499</span></del>
								</p>
								<p class="bottom">立即购买</p>
							</div>
						</a>
					</div>
				<div class="divider_linezi" style="background:rgb(185, 79, 73);"></div>
				
				</li>
				<!--笔记本页面-->
				<li>
					<div class="layout">
						<div class="banner">
							<ul class="imgbox" id="imgbox_bjb">
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_bijiben/bjb_lbtfbh.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_bijiben/bjb_lbti515.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_bijiben/bjb_lbti5.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_bijiben/bjb_lbtm3.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_bijiben/bjb_lbtfbh.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_bijiben/bjb_lbti515.jpg" /></a>
								</li>

							</ul>
							<ul class="imgdot" id="imgdot_bjb">
								<li class="now"></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</div>					
					</div>
				<div class="middle_nav">
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_bijiben/bjb_dhrm.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_bijiben/bjb_dhyxb.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_bijiben/bjb_dh12yc.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_bijiben/bjb_dh13yc.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_bijiben/bjb_dh15yc.jpg" href="#" /></a>
					</div>
					
				<div class="content_single">
					<a class="container">
						<div class="imgcon">
							<img src="XiaoMi_phto/ym_bijiben/bjb_nrmx15015.jpg">
						<p class="discount">直降200</p>
						</div>
						<div class="info">
							<div class="info_top">
								<p class="name">15.6 Pro i5 8G MX150 256G</p>
								<p class="price">￥5399</p>
							</div>
						<div class="info_bot">
							<p class="brief">更强悍的专业笔记本，全金属强化机身</p>
							<del><span>￥5599</span></del>
						</div>
						</div>
					</a>
				</div>
				<div class="content_single">
					<a class="container">
						<div class="imgcon">
							<img src="XiaoMi_phto/ym_bijiben/bjb_nrmx15015.jpg">
						<p class="discount">直降200</p>
						</div>
						<div class="info">
							<div class="info_top">
								<p class="name">15.6 Pro i5 8G MX150 256G</p>
								<p class="price">￥5399</p>
							</div>
						<div class="info_bot">
							<p class="brief">更强悍的专业笔记本，全金属强化机身</p>
							<del><span>￥5599</span></del>
						</div>
						</div>
					</a>
				</div>
				<div class="content_single">
					<a class="container">
						<div class="imgcon">
							<img src="XiaoMi_phto/ym_bijiben/bjb_nrmx15015.jpg">
						<p class="discount">直降200</p>
						</div>
						<div class="info">
							<div class="info_top">
								<p class="name">15.6 Pro i5 8G MX150 256G</p>
								<p class="price">￥5399</p>
							</div>
						<div class="info_bot">
							<p class="brief">更强悍的专业笔记本，全金属强化机身</p>
							<del><span>￥5599</span></del>
						</div>
						</div>
					</a>
				</div>
				<div class="content_single">
					<a class="container">
						<div class="imgcon">
							<img src="XiaoMi_phto/ym_bijiben/bjb_nrmx15015.jpg">
						<p class="discount">直降200</p>
						</div>
						
						<div class="info">
							<div class="info_top">
								<p class="name">15.6 Pro i5 8G MX150 256G</p>
								<p class="price">￥5399</p>
							</div>
						<div class="info_bot">
							<p class="brief">更强悍的专业笔记本，全金属强化机身</p>
							<del><span>￥5599</span></del>
						</div>
						</div>
					</a>
				</div>
				</li>
				<!--家电页面-->
				<li>
					<div class="layout">
						<div class="banner">
							<ul class="imgbox" id="imgbox_jd">
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_jiadian/jd_lbtjsq.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_jiadian/jd_lbtmj.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_jiadian/jd_lbtjsq.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_jiadian/jd_lbtmj.jpg" /></a>
								</li>
							</ul>
							<ul class="imgdot" id="imgdot_jd">
								<li class="now"></li>
								<li></li>
                             
							</ul>
						</div>
           <div class="divider_line"></div>
					</div>
				
				<div class="middle_nav">
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_jiadian/jd_dhsdj.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_jiadian/jd_dhjsq.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_jiadian/jd_dhjhq.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_jiadian/jd_dhcf.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_jiadian/jd_dhpj.jpg" href="#" /></a>
					</div>
				<div class="hotsale">
						<a class="items"><img src="XiaoMi_phto/ym_jiadian/jd_btone.jpg"></a>
					</div>
					<div class="everyday_content">
						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_zhineng/zn_sd.jpg" />
								</div>
								<div class="info">
									<p class="name">米家扫地机器人</p>
									<p class="brief">智商高，扫得干净扫得快</p>
									<p class="price">
										<span>￥1699</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
								
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_zhineng/zn_jsq.jpg" />
								</div>
								<div class="info">
									<p class="name">小米米家空气净化器 2S</p>
									<p class="brief">经典再升级，好空气看得见</p>
									<p class="price">
										<span>￥899</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
							
							</a>
						</div>

						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_zhineng/zn_jsq1a.jpg" />
								</div>
								<div class="info">
									<p class="name">小米净水器(厨下式)</p>
									<p class="brief">小身材节省空间，大流量直出纯净水</p>
									<p class="price">
										<span>￥1499</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
								
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_jiadian/jd_nrjhqpro.jpg" />
								</div>
								<div class="info">
									<p class="name">米家空气净化器Pro</p>
									<p class="brief">大空间，快循环</p>
									<p class="price">
										<span>￥1499</span>
										<del>
										<span></span>
									   </del>
									</p>
								</div>
							</a>
						</div>

						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_jiadian/jd_nrdsh.jpg" />
								</div>
								<div class="info">
									<p class="name">米家电水壶</p>
									<p class="brief">一杯水，是一家人的安心</p>
									<p class="price">
										<span>￥99</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
							
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_jiadian/jd_nrlsh.jpg" />
								</div>
								<div class="info">
									<p class="name">小米米家滤水壶</p>
									<p class="brief">高效过滤 享安心好水</p>
									<p class="price">
										<span>￥99</span>
										<del>
										<span></span>
									   </del>
									</p>
								</div>

							</a>
						</div>

					</div>
				</li>
				<!--双摄页面-->
               <li>
					<div class="imgcontent">				
					<div class="imgcon_top">
						<img src="XiaoMi_phto/ym_shuangshe/ss_nrss.jpg" />
					</div>
					<div class="imgtitel_top">
						<img src="XiaoMi_phto/ym_shuangshe/ss_btaiss.jpg"/>
					</div>
					<div class="imgcon_twohundred_fifty">
						<img src="XiaoMi_phto/ym_shuangshe/ss_nr6x.jpg"/>
					</div>
					<div class="imgtitel_eighty">
						<img src="XiaoMi_phto/ym_shuangshe/ss_bt6x.jpg"/>
					</div>
					<div class="imgcon_twohundred_four">
						<img src="XiaoMi_phto/ym_shuangshe/ss_nr6x1.jpg"/>
					</div>
					<div class="imgtitle_Fifty">
						<img src="XiaoMi_phto/ym_shuangshe/ss_bt6x2.jpg"/>
					</div>
					<div class="imgcon_twohundred_four">
						<img src="XiaoMi_phto/ym_shuangshe/ss_nr6x2.jpg"/>
					</div>
					<div class="imgtitle_Fifty">
						<img src="XiaoMi_phto/ym_shuangshe/ss_bt6x3.jpg"/>
					</div>
					<div class="imgcon_twohundred_four">
						<img src="XiaoMi_phto/ym_shuangshe/ss_nr6x3.jpg"/>
					</div>
					<div class="imgtitle_Fifty">
						<img src="XiaoMi_phto/ym_shuangshe/ss_bt6x4.jpg"/>
					</div>
					<div class="imgcon_twohundred_four">
						<img src="XiaoMi_phto/ym_shuangshe/ss_nr6x4.jpg"/>
					</div>					
				
					</div>
				</li>
				<!--全面屏页面-->
				<li>
					<div class="qmpcontent_top">
						<p class="item">
							<img src="XiaoMi_phto/ym_quanmianpin/qmp_tou.jpg"/>
						</p>
						<p class="title">
							<img src="XiaoMi_phto/ym_quanmianpin/qmp_bt.jpg"/>
						</p>
					</div>
					<div class="divider_linezi" style="background:rgb(192, 4, 54);"></div>
					<div class="content_one" style="background:rgb(192, 4, 54);">
						<a class="container">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_quanmianpin/qmp_nrmix2s.jpg">
							</div>
							
							<div class="info">
								<div class="info_top">
									<p class="name">小米MIX 2S</p>
									
									<p class="price">
										<span>￥3099起</span>
										<del>
										<span>￥3299</span>
									    </del>
									</p>
								</div>
								<div class="info_bot">
									<p class="brief">陶瓷机身 手机中的艺术品</p>
									<p class="bottom">立即购买</p>
								</div>
							</div>
						</a>					 
					</div>
					
				   <div class="divider_linezi" style="background:rgb(192, 4, 54);"></div>
					
					<div class="content_one" style="background:rgb(192, 4, 54);">
						<a class="container">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_quanmianpin/qmp_nrnote5.jpg">
							</div>
							<div class="info">
								<div class="info_top">
									<p class="name">红米Note 5</p>
									
									<p class="price">
										<span>￥999</span>
										<del>
										<span>￥1099</span>
									    </del>
									</p>
								</div>
								<div class="info_bot">
									<p class="brief">红米国民品质，拍照专家</p>
									<p class="bottom">立即购买</p>
								</div>
							</div>
						</a>					 
					</div>
					
				   <div class="divider_linezi" style="background:rgb(192, 4, 54);"></div>
				   
				   <div class="content_one" style="background:rgb(192, 4, 54);">
						<a class="container">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_quanmianpin/qmp_nr5plus.jpg">
							</div>
							<div class="info">
								<div class="info_top">
									<p class="name">红米5 Plus</p>
									
									<p class="price">
										<span>￥999起</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
								<div class="info_bot">
									<p class="brief">全面屏，4000mAh大电量</p>
									<p class="bottom">立即购买</p>
								</div>
							</div>
						</a>					 
					</div>
					
				   <div class="divider_linezi" style="background:rgb(192, 4, 54);"></div>
				   
				   <div class="content_one" style="background:rgb(192, 4, 54);">
						<a class="container">
							<div class="imgcon">
								<img src="XiaoMi_phto/ym_quanmianpin/qmp_nr5.jpg">
							</div>
							<div class="info">
								<div class="info_top">
									<p class="name">红米5</p>
									
									<p class="price">
										<span>￥799起</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
								<div class="info_bot">
									<p class="brief">前置柔光自拍，骁龙处理器，超长续航</p>
									<p class="bottom">立即购买</p>
								</div>
							</div>
						</a>					 
					</div>
					
				   <div class="divider_linezi" style="background:rgb(192, 4, 54);"></div>
				   
				  
				</li>
				<!--生活周边页面-->				
				<li>
					<div class="layout">
						<div class="banner">
							<ul class="imgbox" id="imgbox_shzb">
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_lbtyj.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_lbtyf.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_lbtlsd.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_lbtyj.jpg" /></a>
								</li>
									<li>
									<a href="#"><img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_lbtyf.jpg" /></a>
								</li>
								

							</ul>
							<ul class="imgdot" id="imgdot_shzb">
								<li class="now"></li>
								<li></li>
                                <li></li>
							</ul>
						</div>									
					</div>
				<div class="middle_nav">
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_dhjj.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_dhxb.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_dhfs.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_dhyj.jpg" href="#" /></a>
						<a class="middle_nav_a"><img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_dhps.jpg" href="#" /></a>
					</div>
					<div class="divider_line"></div>
					<div class="hotsale">
						<a class="items"><img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_btrm.jpg"></a>
					</div>
				<div class="everyday_content">
						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_nrcd.jpg" />
								</div>
								<div class="info">
									<p class="name">乳胶床垫 青春版</p>
									<p class="brief">真心品质帮助睡眠</p>
									<p class="price">
										<span>￥599起</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
								
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_nrxlx.jpg" />
								</div>
								<div class="info">
									<p class="name">90分旅行箱 24寸</p>
									<p class="brief">静音轮胎，内饰纺织布料</p>
									<p class="price">
										<span>￥349</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
							
							</a>
						</div>

						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_nrydx.jpg" />
								</div>
								<div class="info">
									<p class="name">米家运动鞋2</p>
									<p class="brief">轻盈灵巧 动静皆宜</p>
									<p class="price">
										<span>￥199</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
								
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_nrzt.jpg" />
								</div>
								<div class="info">
									<p class="name">8H护颈乳胶枕两件装</p>
									<p class="brief">多重黑科技 睡眠新神器</p>
									<p class="price">
										<span>￥438</span>
										<del>
										<span>￥478</span>
									   </del>
									</p>
								</div>
							</a>
						</div>

						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_nrbx.jpg" />
								</div>
								<div class="info">
									<p class="name">Free Tie 真皮板鞋 男款</p>
									<p class="brief">做一双简单的板鞋</p>
									<p class="price">
										<span>￥179</span>
										<del>
										<span>199</span>
									    </del>
									</p>
								</div>
							
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_nrys.jpg" />
								</div>
								<div class="info">
									<p class="name">自动折叠伞</p>
									<p class="brief">防泼水伞布，轻盈拒水</p>
									<p class="price">
										<span>￥99</span>
										<del>
										<span></span>
									   </del>
									</p>
								</div>

							</a>
						</div>
						
						<div class="everyday_content_list">
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_nryf.jpg" />
								</div>
								<div class="info">
									<p class="name">小米短袖T恤 两件装</p>
									<p class="brief">小米短袖T恤 两件装</p>
									<p class="price">
										<span>￥89</span>
										<del>
										<span></span>
									    </del>
									</p>
								</div>
							
							</a>
							<a href="#" class="item">
								<div class="img">
									<img src="XiaoMi_phto/ym_shenghuozhoubian/shzb_nryj.jpg" />
								</div>
								<div class="info">
									<p class="name">尼龙偏光太阳镜</p>
									<p class="brief">重塑专业，打造时尚</p>
									<p class="price">
										<span>￥199起</span>
										<del>
										<span></span>
									   </del>
									</p>
								</div>

							</a>
						</div>

					</div>
				</li>
			    <!--盒子页面-->
				<li>
					<div class="layout">
						<div class="banner">
							<ul class="imgbox" id="imgbox_hz">
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_hezi/hz_nr3zqb.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_hezi/hz_lbthz.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_hezi/hz_nr3zqb.jpg" /></a>
								</li>
								<li>
									<a href="#"><img src="XiaoMi_phto/ym_hezi/hz_lbthz.jpg" /></a>
								</li>

							</ul>
							<ul class="imgdot" id="imgdot_hz">
								<li class="now"></li>
								<li></li>

							</ul>
						</div>
					</div>
					
				<div class="hotsale">
						<a class="items"><img src="XiaoMi_phto/ym_hezi/hz_btds.jpg"></a>
					</div>
				
				<div class="content_single">
					<a class="container">
						<div class="imgcon">
							<img src="XiaoMi_phto/ym_hezi/hz_nrhz4.jpg">
						<p class="discount">热卖</p>
						</div>
						<div class="info">
							<div class="info_top">
								<p class="name">小米盒子4</p>
								<p class="price">￥299</p>
							</div>
						<div class="info_bot">
							<p class="brief">人工智能语音机顶盒，海量片源</p>
							<del><span></span></del>
						</div>
						</div>
					</a>
				</div>
				
				<div class="content_single">
					<a class="container">
						<div class="imgcon">
							<img src="XiaoMi_phto/ym_hezi/hz_nr4c.jpg">
						
						</div>
						<div class="info">
							<div class="info_top">
								<p class="name">小米盒子4c</p>
								<p class="price">￥199</p>
							</div>
						<div class="info_bot">
							<p class="brief">第4代小米盒子储存，体验双升级</p>
							<del><span></span></del>
						</div>
						</div>
					</a>
				</div>
				
				<div class="content_single">
					<a class="container">
						<div class="imgcon">
							<img src="XiaoMi_phto/ym_hezi/hz_nr3zqb.jpg">
						
						</div>
						<div class="info">
							<div class="info_top">
								<p class="name">小米盒子3 增强版 </p>
								<p class="price">￥399</p>
							</div>
						<div class="info_bot">
							<p class="brief">高端 4K 网络机顶盒，标配智能遥控器</p>
							<del><span>￥449</span></del>
						</div>
						</div>
					</a>
				</div>
				
				<div class="content_single">
					<a class="container">
						<div class="imgcon">
							<img src="XiaoMi_phto/ym_hezi/hz_nr3c.jpg">
						
						</div>
						<div class="info">
							<div class="info_top">
								<p class="name">小米盒子3c</p>
								<p class="price">￥199</p>
							</div>
						<div class="info_bot">
							<p class="brief">64 位处理器，PatchWall 人工智能系统</p>
							<del><span>￥249</span></del>
						</div>
						</div>
					</a>
				</div>
				
				<div class="content_single">
					<a class="container">
						<div class="imgcon">
							<img src="XiaoMi_phto/ym_hezi/hz_nr3s.jpg">
						
						</div>
						<div class="info">
							<div class="info_top">
								<p class="name">小米盒子3s</p>
								<p class="price">￥299</p>
							</div>
						<div class="info_bot">
							<p class="brief">4K 超高清机顶盒，64 位处理器支持 HDR</p>
							<del><span>￥349</span></del>
						</div>
						</div>
					</a>
				</div>
				
			
				</li>

			</ul>

		</div>

		<div class="footer">
			<ul class="footer-ul">
				<li>
					<span>首页</span>
				</li>
				<li>
					<span>分类</span>
				</li>
				<li>
					<span>购物车</span>
				</li>
				<li>
					<span>我的</span>
				</li>
			</ul>
		</div>
		<script type="text/javascript" src="js/app.js"></script>
	</body>

</html>